<div>
  <div class="product-sales-area mg-tb-30">
    <div class="container-fluid">
      <div class="row">
        <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12">
          <div class="product-sales-chart">
            <div class="portlet-title">
              <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                  <div class="caption pro-sl-hd">
                    <span class="caption-subject text-uppercase"
                      ><b>Product Sales</b></span
                    >
                  </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                  <div class="actions graph-rp">
                    <div class="btn-group" data-toggle="buttons">
                      <label class="btn btn-grey active">
                        <input
                          type="radio"
                          name="options"
                          class="toggle"
                          id="option1"
                          checked=""
                        />Today</label
                      >
                      <label class="btn btn-grey">
                        <input
                          type="radio"
                          name="options"
                          class="toggle"
                          id="option2"
                        />Week</label
                      >
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <ul class="list-inline cus-product-sl-rp">
              <li>
                <h5><i class="fa fa-circle" style="color: #24caa1"></i>Bags</h5>
              </li>
              <li>
                <h5>
                  <i class="fa fa-circle" style="color: #00b5c2"></i>Shoes
                </h5>
              </li>
              <li>
                <h5>
                  <i class="fa fa-circle" style="color: #ff7f5a"></i>Jewelery
                </h5>
              </li>
            </ul>
            <div id="morris-area-chart" style="height: 356px"></div>
          </div>
        </div>
        <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12">
          <div class="white-box analytics-info-cs mg-b-10 res-mg-t-30">
            <h3 class="box-title">Total Visit</h3>
            <ul class="list-inline two-part-sp">
              <li>
                <div id="sparklinedash"></div>
              </li>
              <li class="text-right sp-cn-r">
                <i class="fa fa-level-up" aria-hidden="true"></i>
                <span class="counter text-success">8659</span>
              </li>
            </ul>
          </div>
          <div class="white-box analytics-info-cs mg-b-10">
            <h3 class="box-title">Total Page Views</h3>
            <ul class="list-inline two-part-sp">
              <li>
                <div id="sparklinedash2"></div>
              </li>
              <li class="text-right">
                <i class="fa fa-level-up" aria-hidden="true"></i>
                <span class="counter text-purple">7469</span>
              </li>
            </ul>
          </div>
          <div class="white-box analytics-info-cs mg-b-10">
            <h3 class="box-title">Unique Visitor</h3>
            <ul class="list-inline two-part-sp">
              <li>
                <div id="sparklinedash3"></div>
              </li>
              <li class="text-right">
                <i class="fa fa-level-up" aria-hidden="true"></i>
                <span class="counter text-info">6011</span>
              </li>
            </ul>
          </div>
          <div class="white-box analytics-info-cs">
            <h3 class="box-title">Bounce Rate</h3>
            <ul class="list-inline two-part-sp">
              <li>
                <div id="sparklinedash4"></div>
              </li>
              <li class="text-right">
                <i class="fa fa-level-down" aria-hidden="true"></i>
                <span class="text-danger">18%</span>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div>Dashboards Page</div>
</div>
